<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalabel=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>分类页</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/category.css">
</head>

<body>
    <!-- 顶部通栏 -->
    <header class="jd_topBar">
        <a href="#" class="icon_back"></a>
        <form action="#">
            <input type="search" placeholder="肥牛">
        </form>
        <a href="#" class="icon_menu"></a>
    </header>
    <!-- 分类区域 -->
    <div class="jd_category" style="touch-action: none;">
        <!-- 分类左侧 -->
        <div class="jd_cateLeft">
            <ul>
                <li><a href="#">热门推荐</a></li>
                <li class="now"><a href="#">潮流女装</a></li>
                <li><a href="#">品牌男装</a></li>
                <li><a href="#">内衣配饰</a></li>
                <li><a href="#">家用电器</a></li>
                <li><a href="#">电脑办公</a></li>
                <li><a href="#">手机数码</a></li>
                <li><a href="#">母婴频道</a></li>
                <li><a href="#">图书</a></li>
                <li><a href="#">家居家纺</a></li>
                <li><a href="#">居家生活</a></li>
                <li><a href="#">家具建材</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">潮流女装</a></li>
                <li><a href="#">品牌男装</a></li>
                <li><a href="#">内衣配饰</a></li>
                <li><a href="#">家用电器</a></li>
                <li><a href="#">电脑办公</a></li>
                <li><a href="#">手机数码</a></li>
                <li><a href="#">母婴频道</a></li>
                <li><a href="#">图书</a></li>
                <li><a href="#">家居家纺</a></li>
                <li><a href="#">居家生活</a></li>
                <li><a href="#">家具建材</a></li>
            </ul>
        </div>
        <!-- 分类右侧 -->
        <div class="jd_cateRight">
            <div class="jd_cateRight_box">
                <!-- banner -->
                <a class="banner" href="#">
                    <img src="./images/banner_1.jpg" alt="">
                </a>
                <!-- hot -->
                <div class="hot">
                    <h3>热门分类</h3>
                    <ul class="clearfix">
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- hot -->
                <div class="hot">
                    <h3>热门分类</h3>
                    <ul class="clearfix">
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="images/nv-fy.jpg" alt="">
                                <p>毛呢短袖</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script src="./js/common.js"></script>
    <script src="./js/iscroll.js"></script>
    <script src="./js/category.js"></script>
</body>

</html>